* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

table {
	width: 800px;

	margin: 200px auto;

	border-collapse: collapse;
}

thead {
	background-color: #525151;
	color: #fff;
}

td {
	width: 160px;
	height: 40px;
	text-align: center;

	border: 1px solid #CCC6C6;
}

.upBtn,.downBtn {
	width: 10px;
	height: 10px;

	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.upBtn {
	position: relative;
	left: 30px;
	top: -23px;

	border-bottom: 10px solid #fff;
}

.downBtn {
	position: relative;
	left: 20px;
	top:  22px;

	border-top: 10px solid #fff;
}
.change {
	display: none;
	position: absolute;
	background-color:rgba(70, 70, 70, 0.5);
	width: 100%;
	height: 100%;
	top: 0;

  }
  .inside{
	display: flex;
    flex-direction: row;
	flex-flow: wrap;
	text-align: center;
	position: relative;
	top: 20%;
	left: 20%;
	width: 60%;
	height: 60%;
	background-color: wheat;
  }
  .inside input {
	width: 50%;
	height: 10%;
	margin-bottom: 10px;
	margin-top: 20px;
  }
.false {
	position: absolute;
	right: 5px;
  }
  .search{
	right:60px;
	top:180px;
	position: relative;
	text-align: center;
  }
  .search input[type="text"]{	
	  width: 600px;
	  height: 40px;
	  border-radius: 4px;
	  outline: none;
  }
  .search input[type="submit"]{
	  width: 50px;
	  height: 40px;
  }
  